{% stylesheet %}
.footer_wrapper {
  background: var(--footer-bg-color);
  color: var(--footer-font-color);
}

.footer_wrapper dt {
  color: var(--font-color);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: var(--nav_letter_spacing);
}

.footer_wrapper dd {
  margin-top: 10px;
}

.footer_wrapper dt a {
  color: var(--footer-dt-color);
  font-size: 16px;
}

.footer_wrapper .footer_link {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.footer_wrapper .footer_link dl {
  flex: 1;
  padding-right: 20px;
}

.footer_wrapper .footer_link a {
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .footer_link {
    flex-direction: column;
    text-align: left;
  }
  .footer_wrapper .footer_link dl {
    margin-top: 15px;
    padding-right: 0;
  }
  .footer_wrapper .footer_link dl:first-child {
    margin-top: 0;
  }
}

.footer_wrapper .menu-row {
  display: flex;
  padding: 75px 0;
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  .footer_wrapper .menu-row {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .footer_wrapper .menu-row {
    padding: 30px 0;
    flex-direction: column;
  }
}

.footer_wrapper .subscription-box {
  width: 30%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box {
    width: 100%;
    align-items: center;
    text-align: center;
    margin-top: 15px;
  }
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  .footer_wrapper .subscription-box {
    width: 50%;
    margin-top: 30px;
  }
}

.footer_wrapper .subscription-box h2 {
  color: var(--font-color);
  padding-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: inherit;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box h2 {
    display: none;
  }
}

.footer_wrapper .subscription-box .text {
  color: var(--font-color);
  opacity: 0.5;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 46px;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box .text {
    display: none;
  }
}

.footer_wrapper .subscription-box .sletter-warp {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box .sletter-warp {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}

.footer_wrapper .subscription-box .sletter-warp input {
  background-color: var(--font-color);
  outline: none;
  border: none;
  padding: 0 12px;
  flex: 1;
  height: 54px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box .sletter-warp input {
    padding: 0 12px;
    margin: 0;
    flex: none;
    width: 100%;
    height: 46px;
    border-radius: none;
  }
}

.footer_wrapper .subscription-box .sletter-warp button {
  padding: 0 24px;
  height: 54px;
  color: var(--font-color);
  box-sizing: border-box;
  border: 1px solid var(--font-color);
  margin-left: 12px;
  background-color: transparent;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .subscription-box .sletter-warp button {
    padding: 0 12px;
    margin: 0;
    width: 100%;
    height: 46px;
    margin-top: 12px;
  }
}

.footer_wrapper .other-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 0;
}

.footer_wrapper .other-warp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .footer_wrapper .other-warp {
    flex-direction: column;
    align-items: flex-start;
  }
}

.footer_wrapper .other-warp .copyright {
  line-height: 1.5;
  text-align: center;
  color: inherit;
  padding: 15px 0;
  color: var(--font-color);
}

@media screen and (max-width: 767px) {
  .footer_wrapper .other-warp .copyright {
    width: 100%;
    text-align: left;
  }
}

{% endstylesheet %}
{% if section  and section.type == "footer" %}{% assign section = section %}{% else %}{% assign section = theme_config.global.sections.footer %}{% endif %}<div class="footer_wrapper" style="--footer-bg-color:{{section.settings.bg_color}};--font-color:{{section.settings.font_color}};--footer-dt-color:{{section.settings.dt_font_color}}">
  <div class="container-wrapper">
    <div class="menu-row">
      
    <div class="footer_link">
      {% get_nav nav_id={section.settings.nav.id} %}
      {% if nav.size > 0 %}
      {% for item in nav.nav_item %}
      <dl>
        <dt>
          {% include "nav_a", nav : item, class:"navigation" %}
        </dt>
        {%- if item.children -%}
        {% for childrenNav in item.children %}
        <dd>
          {% include "nav_a", nav : childrenNav, class:"navigation" %}
        </dd>
        {% endfor %}
        {%- endif -%}
      </dl>
      {% endfor %}
      {% else %}
      <dl>
        <dt>{{"Company Info" | upcase}}</dt>
        <dd>
          <a href="/pages/About-Us" class="navigation">About Us</a>
        </dd>
        <dd>
          <a href="/pages/Contact-Us" class="navigation">Contact Us</a>
        </dd>
        <dd>
          <a href="/comments" class="navigation">Customer Reviews</a>
        </dd>
      </dl>
      <dl>
        <dt>{{"Service Center" | upcase}}</dt>
        <dd>
          <a href="/pages/Shipping-policy" class="navigation">Shipping policy</a>
        </dd>
        <dd>
          <a href="/pages/Return-policy" class="navigation">Return policy</a>
        </dd>
        <dd>
          <a href="/pages/Terms-of-service" class="navigation">Terms of service</a>
        </dd>
        <dd>
          <a href="/pages/Privacy-policy" class="navigation">Privacy policy</a>
        </dd>
      </dl>
      <dl>
        <dt>{{"Quick Links" | upcase}}</dt>
        <dd>
        <a href="/search" class="navigation">Search </a>
        </dd>
        <dd><a href="/account/register" class="navigation">Register</a></dd>
        <dd><a href="/account/trackingorder" class="navigation">Tracking Order</a></dd>
        <dd><a href="/blogs" class="navigation">Blog</a></dd>
        <dd>
          <a href="/account/login" class="navigation">Login</a>
        </dd>
       
      </dl>
      {% endif %}


    </div>
    <div class="subscription-box">
      <h2>{{section.settings.newsletter_title}}</h2>
      <div class="text">{{section.settings.newsletter_des}}</div>
      <div class="sletter-warp">
        <input type="text" id="newsletter-input" placeholder="{{ lang.general.email }}">
        <button id="newsletter-btn" >{{ section.settings.buttonName }}</button>
      </div>
    </div>
  </div>
  
  </div>
  <div class="other-bottom">
    <div class="container-wrapper other-warp">
      <div class="copyright">{{section.settings.copyright}}</div>
      {% include 'share_link', color:section.settings.font_color , section:section.settings %}
      {%- if global.sections.header.settings.is_currency -%}
      {% include 'currency',color:section.settings.font_color %}
      {%- endif -%}
    </div>
  </div>
</div>
<script type="text/javascript">
(function(){

var domEmail = "#newsletter-input";
var newsletterBtnIdStr = "#newsletter-btn";

const blockSubmitNewsletter = moi.throttle(function () {
  email = $(domEmail).val();
  if (email == "") {
      moi.tooltip({
          placement: "top",
          el: domEmail,
          timer: 5000,
          space: 0,
          content: "{{ lang.general.please_enter_a_valid_email_address }}"
      });
      return;
  }
  $isvalidemail = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(email);
  if (!$isvalidemail) {
      moi.tooltip({
          placement: "top",
          el: domEmail,
          timer: 1000,
          space: 0,
          content: "{{ lang.general.please_enter_a_valid_email_address }}"
      });
      return;
  }
  const load = moi.nodeShowLoading(newsletterBtnIdStr, "{{ section.settings.font_color }}");
  moi.ajax({
      url: "/module/newsletter",
      type: "POST",
      data: JSON.stringify({
          email: email
      }),
      dataType: "json",
      cache: false,
      complete: function () {
          load.close();
      },
      success: function (res) {
          if (res.data && res.data.data) {
              if (res.data.new_customer) {
                  callback_generate_lead();
              }
              moi.message({
                  content: `{{ section.settings.newsletterTip }}`
              });
          } else {
              moi.tooltip({
                  placement: "top",
                  el: domEmail,
                  timer: 1000,
                  space: 0,
                  content: "{{ lang.general.subscribe_failed }}"
              });
          }
      },
      error: function () {
          moi.tooltip({
              placement: "top",
              el: domEmail,
              timer: 1000,
              space: 0,
              content: "{{ lang.general.connection_fails_please_retry_refresh }}"
          });
      }
  });
}, 3000);
$(newsletterBtnIdStr).click(function () {
  blockSubmitNewsletter();
});})()
</script>
{% schema %}
{
	"tag": "footer",
	"class": "footer",
	"is_global": true,
	"icon": "",
	"name": {
		"zh_CN": "底部"
	},
	"max_blocks": "0",
	"blocks": [],
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "菜单导航设置"
			}
		},
		{
			"type": "card_nav",
			"label": {
				"zh_CN": "选择菜单"
			},
			"default": {
				"id": "1",
				"title": ""
			},
			"id": "nav"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "设置"
			}
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "背景颜色"
			},
			"default": "#3a3a3a",
			"id": "bg_color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "字体颜色"
			},
			"default": "#ffffff",
			"id": "font_color"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "表头颜色"
			},
			"default": "#ffffff",
			"id": "dt_font_color"
		},
		{
			"type": "card_textarea",
			"id": "newsletterTip",
			"label": {
				"zh_CN": "订阅成功文字"
			},
			"default": "Subscribe Success"
		},
		{
			"type": "card_input",
			"id": "buttonName",
			"label": {
				"zh_CN": "订阅按钮文字"
			},
			"default": "Subscribe"
		},
		{
			"type": "card_input",
			"info": {
				"zh_CN": "订阅标题"
			},
			"default": "",
			"id": "newsletter_title"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "订阅描述"
			},
			"default": "",
			"id": "newsletter_des"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "底部版权"
			},
			"id": "copyright",
			"default": "SHOP INC. All Rights Reserved."
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "SNS账号"
			}
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Facebook"
			},
			"id": "is_facebook",
			"default": true
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Twitter"
			},
			"id": "is_twitter",
			"default": true
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Pinterest"
			},
			"id": "is_pinterest",
			"default": true
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Instagram"
			},
			"id": "is_instagram",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Snapchat"
			},
			"id": "is_snapchat",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Tiktok"
			},
			"id": "is_tiktok",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Tumblr"
			},
			"id": "is_tumblr",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Linkedin"
			},
			"id": "is_linkedin",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Youtube"
			},
			"id": "is_youtube",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Vimeo"
			},
			"id": "is_vimeo",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "VK"
			},
			"id": "is_vk",
			"default": false
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "Whatsapp"
			},
			"id": "is_whatsapp",
			"default": false
		}
	],
	"default": {
		"settings": {
			"nav": {
				"id": "",
				"title": ""
			},
			"bg_color": "#3a3a3a",
			"font_color": "#ffffff",
			"dt_font_color": "#ffffff",
			"newsletterTip": "Subscribe Success",
			"buttonName": "Subscribe",
			"newsletter_title": "Goya Theme",
			"newsletter_des": "Lorem ipsum dolor amet affogato wolf post-ironic authentic palo santo organic retro.",
			"copyright": "SHOP INC. All Rights Reserved.",
			"is_facebook": true,
			"is_twitter": true,
			"is_pinterest": true,
			"is_instagram": false,
			"is_snapchat": false,
			"is_tiktok": false,
			"is_tumblr": false,
			"is_linkedin": false,
			"is_youtube": false,
			"is_vimeo": false,
			"is_vk": false,
			"is_whatsapp": false
		},
		"blocks": []
	}
}
{% endschema %}